<template>
    <div class="footer-wrap">
        <div class="footer-top">
            <div class="company-wrapper">
                <div class="company-content">
                    <div class="company-product">
                        <p class="title">
                            相关产品
                        </p>
                        <ul>
                            <!-- <li>
                                <a href="//zsdx.cn/dispatch" target="_blank">广告系统</a>
                            </li> -->
                            <li>
                                <a href="http://data.zsdx.cn" target="_blank"
                                    >掌上易数</a
                                >
                            </li>
                            <li>
                                <a href="//wxhand.com" target="_blank"
                                    >微信管理系统</a
                                >
                            </li>
                            <li>
                                <a href="//520.zsdx.cn" target="_blank"
                                    >高校表白墙</a
                                >
                            </li>
                        </ul>
                    </div>
                    <!-- <div class="company-about">
                        <p class="title" target="_blank">关于我们</p>
                        <ul>
                            <li>
                                <a href="//data.zsdx.cn" target="_blank">公司介绍</a>
                            </li>
                            <li>
                                <a href="//wxhand.com" target="_blank">新闻报道</a>
                            </li>
                        </ul>
                    </div> -->
                    <!-- <div class="company-service">
                        <p class="title">
                            服务中心
                        </p>
                        <ul>
                            <li>
                                <a
                                    href="http://zsdx.cn/help"
                                    target="_blank"
                                >帮助中心</a>
                            </li>
                            <li>
                                <a
                                    href="http://zsdx.cn/help?opens=3-0-0"
                                    target="_blank"
                                >服务保障</a>
                            </li>
                            <li>
                                <a
                                    href="http://zsdx.cn/help?opens=2-1-0"
                                    target="_blank"
                                >法律声明</a>
                            </li>
                        </ul>
                    </div> -->
                    <!-- <div class="company-link">
                        <p class="title">
                            友情链接
                        </p>
                        <ul>
                            <li>
                                <a
                                    href="http://www.kolstore.com/"
                                    target="_blank"
                                    >领库</a
                                >
                            </li>
                            <li>
                                <a href="https://yiban.io/" target="_blank"
                                    >微信编辑器</a
                                >
                            </li>
                            <li>
                                <a href="https://xmt.cn/index" target="_blank"
                                    >新媒体管家</a
                                >
                            </li>
                            <li>
                                <a
                                    href="http://chajian.xiguaji.com/?chl=site-zsdx"
                                    target="_blank"
                                    >西瓜插件</a
                                >
                            </li>
                        </ul>
                    </div> -->
                    <div class="company-link">
                        <p class="title">
                            相关文档
                        </p>
                        <ul>
                            <li>
                                <a
                                    href="//cdn.zsdx.cn/zsdx-website/2020/file/LegalStatement_0630.pdf"
                                    target="_blank"
                                    >知识产权</a
                                >
                            </li>
                            <li>
                                <a
                                    href="//cdn.zsdx.cn/zsdx-website/2020/file/PrivacyPolicy_0630.pdf"
                                    target="_blank"
                                    >隐私条款</a
                                >
                            </li>
                            <li>
                                <a
                                    href="//cdn.zsdx.cn/zsdx-website/2020/file/agree_0630.pdf"
                                    target="_blank"
                                    >注册协议</a
                                >
                            </li>
                        </ul>
                    </div>
                    <div class="company-link">
                        <p class="title">
                            关于我们
                        </p>
                        <ul>
                            <li>
                                <a href="/aboutus" target="_self">公司简介</a>
                            </li>
                        </ul>
                    </div>
                    <div class="company-contact">
                        <p class="title">
                            联系我们
                        </p>
                        <ul>
                            <li>
                                <p>
                                    <span class="company-title"
                                        >电&nbsp;&nbsp;话：</span
                                    ><span class="componey-address"
                                        >152-6710-8957</span
                                    >
                                </p>
                            </li>
                            <li>
                                <p>
                                    <span class="company-title"
                                        >邮&nbsp;&nbsp;箱：</span
                                    ><span class="componey-address"
                                        >wukong@zsdx.cn</span
                                    >
                                </p>
                            </li>
                            <li>
                                <p>
                                    <span class="company-title"
                                        >地&nbsp;&nbsp;址：</span
                                    ><span class="componey-address"
                                        >杭州市滨江区阿里中心2栋301、302、311室</span
                                    >
                                </p>
                            </li>
                            <li>
                                <p>
                                    <span class="company-title"
                                        >投&nbsp;&nbsp;诉：</span
                                    ><span class="componey-address"
                                        >yu@zsdx.cn</span
                                    >
                                </p>
                            </li>
                            <!-- <li>
                                <p><span class="company-title">杭州下沙分公司：</span><span class="componey-address">杭州市江干区学府街515号智慧谷13楼</span></p>
                            </li>
                            <li>
                                <p><span class="company-title">上海分公司：</span><span class="componey-address">上海市杨浦区黄兴路1800号东方蓝海国际<br>广场3幢1912室</span></p>
                            </li>
                            <li>
                                <p><span class="company-title">南京分公司：</span><span class="componey-address">南京江宁天元东路1009号高新创业大厦2楼</span></p>
                            </li> -->
                        </ul>
                    </div>
                    <div
                        v-lazy-container="{ selector: 'img' }"
                        class="company-other"
                    >
                        <!-- <p class="title" style="margin-bottom: 0.1rem;">
                            咨询“校园代运营”方案
                        </p>
                        <p class="title" style="margin-bottom: 0.2rem;">
                            获取校园市场“销售解决方案”
                        </p> -->
                        <img
                            data-src="//cdn.zsdx.cn/zsdx-website/2020/images/common/qr_zx2.jpg"
                        />
                        <p class="qrcode-tip">疑问咨询</p>
                    </div>
                    <div
                        v-lazy-container="{ selector: 'img' }"
                        class="company-other"
                    >
                        <!-- <p class="title">
                            关注我们
                        </p> -->
                        <img
                            data-src="//cdn.zsdx.cn/wei/images/hire/qr_zd.jpg"
                        />
                        <p class="qrcode-tip">关注我们</p>
                    </div>
                </div>
            </div>
            <div class="copyright-wrapper">
                <p class="copyright-record">
                    <a
                        href="https://beian.miit.gov.cn/#/Integrated/recordQuery"
                        target="_blank"
                    >
                        浙ICP备13021479号-8 浙公安网备 33010802007371号
                    </a>
                </p>
                <p class="copyright-record">
                    杭州新麦科技有限公司版权所有 Copyright © 2012-{{ nowYear }}
                    XinMai All Rights Reserved
                </p>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    components: {},
    data() {
        return {
            nowYear: new Date().getFullYear()
        }
    },
    methods: {}
}
</script>

<style lang="less" scoped>
.footer-wrap {
    background-color: #02050a;
}
.footer-top {
    .company {
        &-wrapper {
            padding-top: 30px;
        }

        &-content {
            display: flex;
            justify-content: space-between;
            width: 9rem;
            margin: 0 auto;
            .title {
                margin-bottom: 0.3rem;
                font-size: 0.16rem;
                color: #fff;
            }

            li {
                & + li {
                    margin-top: 0.15rem;
                }
            }

            p,
            a {
                color: rgba(255, 255, 255, 0.6);
            }
        }

        &-contact {
            li {
                & + li {
                    margin-top: 0.15rem;
                }

                p {
                    //   line-height: .19rem;
                    & + p {
                        margin-top: 0.05rem;
                    }
                }
            }

            .company-title {
                display: inline-block;
                // width: 1.12rem;
                text-align: right;
                vertical-align: top;
            }

            .componey-address {
                display: inline-block;
                // width: 2.65rem;
                vertical-align: top;
            }
        }

        &-other {
            p {
                line-height: 0.22rem;
            }

            .focus {
                margin-top: 0.25rem;
            }

            img {
                width: 0.94rem;
                height: 1rem;
            }
            .qrcode-tip {
                text-align: center;
                height: 14px;
                font-size: 14px;
                color: rgba(255, 255, 255, 0.6);
                line-height: 14px;
                margin-top: 0.1rem;
            }
        }
    }

    .copyright {
        &-wrapper {
            line-height: 0.2rem;
            color: rgba(255, 255, 255, 0.6);
            text-align: center;
            padding: 22px 0;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            border-top: 1px solid #0f202e;
        }

        &-record {
            margin: 0 0.1rem;
            a {
                color: rgba(255, 255, 255, 0.6);
            }
        }
    }
}
.company-wrapper {
    height: 1.8rem;
}
</style>
